
  import React, { useEffect, useState } from "react";

  

  export type IGeneratedComponent = {
    
    
    
  }

  export default function GeneratedComponent (props: IGeneratedComponent) {

    


    return (<div className="w-[750px] h-[1624px] overflow-hidden box-border bg-[rgba(255,_255,_255,_1)] flex flex-col justify-start items-start" ><div className="w-[750px] h-[88px] overflow-hidden box-border flex justify-start items-start" ><div className="w-[108px] h-[42px] rounded-[64px] box-border mt-[24px] ml-[42px] flex justify-start items-end" ><img src={'assets/b56dd104-26a8-4df5-80e5-682a4b93f765.png'} className="w-[56.86px] h-[22.18px] ml-[24.90px] mb-[9.48px]"   /></div><div className="mt-[34.66px] ml-[437.34px] flex justify-start items-start w-[133.32px] h-[22.68px]" ><img src={'assets/0b6fe692-af36-475c-af15-38510353137e.png'} className="w-[34px] h-[21.34px] mt-[0.68px]"   /><img src={'assets/b32212f4-0e0f-47a4-94ef-204b86812bcf.png'} className="w-[30.54px] h-[21.94px] ml-[10.06px]"   /><img src={'assets/d7935b3a-5c50-42bd-92d3-25aad76a6ae5.png'} className="w-[48.66px] h-[22.66px] ml-[10.06px]"   /></div></div><div className="w-[686px] h-[80px] rounded-[16px] box-border bg-[rgba(245,_245,_245,_1)] flex flex-row flex-nowrap items-center pr-[32px] pl-[24px] mt-[16px] ml-[32px]" ><div className="w-[630px] h-[48px] flex justify-start items-center" ><img src={'assets/9be23957-e392-4f01-bbaf-f5e1df2d438f.png'} className="w-[48px] h-[48px] overflow-hidden box-border"   /><div className="ml-[24px] w-[558px] font-[Inter] text-[32px] whitespace-nowrap text-[rgba(130,130,130,1)] leading-[48px] font-normal flex-shrink-0" ><span className="text-[32px]">Search</span></div></div></div><div className="box-border flex w-[718px] h-[64px] flex-row flex-nowrap items-center mt-[16px] ml-[32px]" ><div className="w-[826px] h-[64px] flex justify-start items-center" ><div className="overflow-hidden rounded-[12px] border-[rgba(230,230,230,1)] border-solid border-2 box-border flex w-[208px] h-[64px] flex-col flex-nowrap pt-[10px] pr-[20px] pb-[10px] pl-[20px]" ><div className="box-border flex w-[168px] h-[44px] flex-row flex-nowrap items-center" ><div className="w-[168px] h-[44px] flex justify-start items-center" ><div className="w-[36px] h-[36px] overflow-hidden box-border flex flex-col justify-center items-center" ><img src={'assets/279bd80a-df4e-406c-848f-58157d5311e1.png'} className="w-[31.50px] h-[28.88px]"   /></div><div className="ml-[8px] font-[Inter] text-[28px] whitespace-nowrap text-[rgba(0,0,0,1)] leading-[44px] font-medium flex-shrink-0" ><span className="text-[28px]">Favorites</span></div></div></div></div><div className="overflow-hidden rounded-[12px] border-[rgba(230,230,230,1)] border-solid border-2 box-border flex w-[182px] h-[64px] flex-col flex-nowrap pt-[10px] pr-[20px] pb-[10px] pl-[20px] ml-[16px]" ><div className="box-border flex w-[142px] h-[44px] flex-row flex-nowrap items-center" ><div className="w-[142px] h-[44px] flex justify-start items-center" ><div className="w-[36px] h-[36px] overflow-hidden box-border flex flex-col justify-center items-start" ><img src={'assets/3cf3fcec-ed31-40e3-8307-27bf338350a5.png'} className="w-[35.26px] h-[31.50px]"   /></div><div className="ml-[8px] font-[Inter] text-[28px] whitespace-nowrap text-[rgba(26,26,26,1)] leading-[44px] font-medium flex-shrink-0" ><span className="text-[28px]">History</span></div></div></div></div><div className="overflow-hidden rounded-[12px] border-[rgba(230,230,230,1)] border-solid border-2 box-border flex w-[212px] h-[64px] flex-col flex-nowrap pt-[10px] pr-[20px] pb-[10px] pl-[20px] ml-[16px]" ><div className="box-border flex w-[172px] h-[44px] flex-row flex-nowrap items-center" ><div className="w-[172px] h-[44px] flex justify-start items-center" ><div className="w-[36px] h-[36px] overflow-hidden box-border flex flex-col justify-center items-end" ><img src={'assets/e66b4b74-4a52-4c64-ba22-0e00cd945e0a.png'} className="w-[33.22px] h-[32.26px] mr-[1.28px]"   /></div><div className="ml-[8px] font-[Inter] text-[28px] whitespace-nowrap text-[rgba(26,26,26,1)] leading-[44px] font-medium flex-shrink-0" ><span className="text-[28px]">Following</span></div></div></div></div><div className="overflow-hidden rounded-[12px] border-[rgba(230,230,230,1)] border-solid border-2 box-border flex w-[176px] h-[64px] flex-col flex-nowrap pt-[10px] pr-[20px] pb-[10px] pl-[20px] ml-[16px]" ><div className="box-border flex w-[48px] h-[44px] flex-row flex-nowrap items-center" ><div className="w-[136px] h-[44px] flex justify-start items-center" ><div className="w-[36px] h-[36px] overflow-hidden box-border flex justify-center items-center" ><img src={'assets/1343e8a7-502e-4700-873c-9b5341732387.png'} className="w-[27px] h-[31.50px]"   /></div><div className="ml-[8px] font-[Inter] text-[28px] whitespace-nowrap text-[rgba(26,26,26,1)] leading-[44px] font-medium flex-shrink-0" ><span className="text-[28px]">Orders</span></div></div></div></div></div></div><div className="w-[686px] h-[272px] overflow-hidden rounded-[16px] box-border mt-[32px] ml-[32px] flex flex-col justify-start items-start" ><div className="mt-[108px] ml-[40px] w-[292px] font-[Inter] text-[40px] whitespace-nowrap text-[rgba(0,0,0,1)] leading-[normal] tracking-[-0.80px] font-semibold flex-shrink-0" ><span className="text-[40px] tracking-[-0.4]">Banner&nbsp;title</span></div><div className="overflow-hidden box-border flex w-[90px] h-[10px] flex-row flex-nowrap justify-center items-center mt-[82px] ml-[298px]" ><div className="w-[90px] h-[10px] flex justify-start items-center" ><img src={'assets/a062d7e7-baff-49b3-ba98-b3631ef7f92b.png'} className="w-[10px] h-[10px]"   /><img src={'assets/6aa2c44b-693b-4095-b245-6b264541b9a7.png'} className="w-[10px] h-[10px] ml-[10px]"   /><img src={'assets/542e1b55-6f9d-40b6-8bcb-24aa00b4c661.png'} className="w-[10px] h-[10px] ml-[10px]"   /><img src={'assets/04403198-020c-4707-a4c8-fafb993d3479.png'} className="w-[10px] h-[10px] ml-[10px]"   /><img src={'assets/db089201-f636-49b8-82aa-b109865fef84.png'} className="w-[10px] h-[10px] ml-[10px]"   /></div></div></div><div className="mt-[32px] flex flex-col justify-start items-center w-[750px] h-[316px]" ><div className="w-[750px] overflow-hidden box-border flex h-[76px] flex-row flex-nowrap items-center pr-[32px] pl-[32px]" ><div className="w-[128px] h-[44px] flex justify-start items-center" ><div className="font-[Inter] text-[32px] whitespace-nowrap text-[rgba(0,0,0,1)] leading-[normal] tracking-[-0.64px] font-semibold flex-shrink-0" ><span className="text-[32px] tracking-[-0.32]">Title</span></div><div className="ml-[20px] flex justify-end items-center w-[40px] h-[40px] bg-[url('assets/ad538bb6-77a4-42b3-a6cd-6a97067a0adb.png')] [background-size:100%_100%] bg-no-repeat" ><div className="w-[14px] h-[28px] box-border mr-[12px] flex flex-col justify-center items-end" ><img src={'assets/3e1eb712-026b-44e5-8ce7-c99b439d76c5.png'} className="w-[11.70px] h-[20.08px] mr-[0.90px]"   /></div></div></div></div><div className="w-[750px] overflow-hidden box-border flex h-[240px] flex-row flex-nowrap pt-[16px] pr-[32px] pb-[16px] pl-[32px]" ><div className="w-[718px] h-[208px] flex justify-start items-center" ><div className="rounded-[8px] box-border flex w-[152px] h-[208px] flex-col flex-nowrap justify-center items-center" ><div className="w-[152px] h-[208px] flex flex-col justify-start items-center" ><img src={'assets/54c49764-1627-4006-b965-656f1a6dd8a8.png'} className="w-[152px] h-[152px]"   /><div className="mt-[16px] w-[152px] font-[Inter] text-[28px] whitespace-nowrap text-center text-[rgba(22,24,35,1)] leading-[normal] tracking-[0.28px] font-medium flex-shrink-0" ><span className="text-[28px] tracking-[0.13580000400543213]">Title</span></div></div></div><div className="rounded-[8px] box-border flex w-[152px] h-[208px] flex-col flex-nowrap justify-center items-center ml-[48px]" ><div className="w-[152px] h-[208px] flex flex-col justify-start items-center" ><img src={'assets/c8054297-4234-42bc-9525-d287dd481aa7.png'} className="w-[152px] h-[152px]"   /><div className="mt-[16px] w-[152px] font-[Inter] text-[28px] whitespace-nowrap text-center text-[rgba(22,24,35,1)] leading-[normal] tracking-[0.28px] font-medium flex-shrink-0" ><span className="text-[28px] tracking-[0.13580000400543213]">Title</span></div></div></div><div className="rounded-[8px] box-border flex w-[152px] h-[208px] flex-col flex-nowrap justify-center items-center ml-[48px]" ><div className="w-[152px] h-[208px] flex flex-col justify-start items-center" ><img src={'assets/fc8e4fa7-44d7-4354-88ec-bd412af75eda.png'} className="w-[152px] h-[152px]"   /><div className="mt-[16px] w-[152px] font-[Inter] text-[28px] whitespace-nowrap text-center text-[rgba(22,24,35,1)] leading-[normal] tracking-[0.28px] font-medium flex-shrink-0" ><span className="text-[28px] tracking-[0.13580000400543213]">Title</span></div></div></div><div className="rounded-[8px] box-border flex w-[118px] h-[208px] flex-col flex-nowrap justify-center items-center ml-[48px]" ><div className="w-[152px] h-[208px] flex flex-col justify-start items-start" ><img src={'assets/3f059d62-b857-4ea8-8a40-98b7d2dc9534.png'} className="w-[118px] h-[152px]"   /><div className="mt-[16px] w-[152px] font-[Inter] text-[28px] whitespace-nowrap text-center text-[rgba(22,24,35,1)] leading-[normal] tracking-[0.28px] font-medium flex-shrink-0" ><span className="text-[28px] tracking-[0.13580000400543213]">Title</span></div></div></div></div></div></div><div className="w-[750px] h-[676px] mt-[32px] relative" ><div className="absolute top-0 left-0 flex flex-col justify-start items-center w-[750px] h-[554px]" ><div className="w-[750px] overflow-hidden box-border flex h-[76px] flex-row flex-nowrap items-center pr-[32px] pl-[32px]" ><div className="w-[128px] h-[44px] flex justify-start items-center" ><div className="font-[Inter] text-[32px] whitespace-nowrap text-[rgba(0,0,0,1)] leading-[normal] tracking-[-0.64px] font-semibold flex-shrink-0" ><span className="text-[32px] tracking-[-0.32]">Title</span></div><div className="ml-[20px] flex justify-end items-center w-[40px] h-[40px] bg-[url('assets/5064201e-7d52-4d69-8930-e8b3c4c489d1.png')] [background-size:100%_100%] bg-no-repeat" ><div className="w-[14px] h-[28px] box-border mr-[12px] flex flex-col justify-center items-end" ><img src={'assets/75c68334-a753-4831-9694-5f13f939c988.png'} className="w-[11.70px] h-[20.08px] mr-[0.90px]"   /></div></div></div></div><div className="box-border flex w-[750px] h-[478px] flex-row flex-nowrap items-center pr-[32px] pl-[32px]" ><div className="w-[718px] h-[446px] flex justify-start items-center" ><div className="overflow-hidden box-border flex w-[296px] h-[446px] flex-col flex-nowrap justify-center" ><div className="w-[296px] h-[446px] flex flex-col justify-start items-center" ><img src={'assets/5f8cc04d-61d9-44e5-bbf9-9754766812cf.png'} className="w-[296px] h-[296px]"   /><div className="w-[296px] box-border flex h-[126px] flex-col flex-nowrap mt-[24px]" ><div className="w-[296px] h-[126px] flex flex-col justify-start items-center" ><div className="w-[296px] font-[Inter] text-[24px] whitespace-nowrap text-[rgba(0,0,0,1)] leading-[normal] font-normal flex-shrink-0" ><span className="text-[24px]">Brand&nbsp;</span></div><div className="mt-[4px] w-[296px] font-[Inter] text-[28px] whitespace-nowrap text-[rgba(0,0,0,1)] leading-[normal] font-normal flex-shrink-0" ><span className="text-[28px]">Product&nbsp;name</span></div><div className="mt-[4px] w-[296px] font-[Inter] text-[32px] whitespace-nowrap text-[rgba(0,0,0,1)] leading-[normal] font-medium flex-shrink-0" ><span className="text-[32px]">$10.99</span></div></div></div></div></div><div className="overflow-hidden box-border flex w-[296px] h-[446px] flex-col flex-nowrap justify-center ml-[24px]" ><div className="w-[296px] h-[446px] flex flex-col justify-start items-center" ><img src={'assets/82f2ac42-ce41-41be-a8cf-ece72c635e2a.png'} className="w-[296px] h-[296px]"   /><div className="w-[296px] box-border flex h-[126px] flex-col flex-nowrap mt-[24px]" ><div className="w-[296px] h-[126px] flex flex-col justify-start items-center" ><div className="w-[296px] font-[Inter] text-[24px] whitespace-nowrap text-[rgba(0,0,0,1)] leading-[normal] font-normal flex-shrink-0" ><span className="text-[24px]">Brand&nbsp;</span></div><div className="mt-[4px] w-[296px] font-[Inter] text-[28px] whitespace-nowrap text-[rgba(0,0,0,1)] leading-[normal] font-normal flex-shrink-0" ><span className="text-[28px]">Product&nbsp;name</span></div><div className="mt-[4px] w-[296px] font-[Inter] text-[32px] whitespace-nowrap text-[rgba(0,0,0,1)] leading-[normal] font-medium flex-shrink-0" ><span className="text-[32px]">$10.99</span></div></div></div></div></div><div className="overflow-hidden box-border flex w-[78px] h-[446px] flex-col flex-nowrap justify-center ml-[24px]" ><div className="w-[78px] h-[446px] flex flex-col justify-start items-center" ><img src={'assets/8618ea8c-7c6a-486d-8f5f-a3ffb9463d93.png'} className="w-[78px] h-[296px]"   /><div className="w-[78px] box-border flex h-[126px] flex-col flex-nowrap mt-[24px]" ><div className="w-[296px] h-[126px] flex flex-col justify-start items-center" ><div className="w-[296px] font-[Inter] text-[24px] whitespace-nowrap text-[rgba(0,0,0,1)] leading-[normal] font-normal flex-shrink-0" ><span className="text-[24px]">Brand&nbsp;</span></div><div className="mt-[4px] w-[296px] font-[Inter] text-[28px] whitespace-nowrap text-[rgba(0,0,0,1)] leading-[normal] font-normal flex-shrink-0" ><span className="text-[28px]">Product&nbsp;name</span></div><div className="mt-[4px] w-[296px] font-[Inter] text-[32px] whitespace-nowrap text-[rgba(0,0,0,1)] leading-[normal] font-medium flex-shrink-0" ><span className="text-[32px]">$10.99</span></div></div></div></div></div></div></div></div><div className="absolute top-[586px] left-0 flex flex-col justify-start items-center w-[750px] h-[90px]" ><div className="w-[750px] overflow-hidden box-border flex h-[76px] flex-row flex-nowrap items-center pr-[32px] pl-[32px]" ><div className="w-[128px] h-[44px] flex justify-start items-center" ><div className="font-[Inter] text-[32px] whitespace-nowrap text-[rgba(0,0,0,1)] leading-[normal] tracking-[-0.64px] font-semibold flex-shrink-0" ><span className="text-[32px] tracking-[-0.32]">Title</span></div><div className="ml-[20px] flex justify-end items-center w-[40px] h-[40px] bg-[url('assets/ce192f08-2e06-48b4-8aa1-2ab0e653123d.png')] [background-size:100%_100%] bg-no-repeat" ><div className="w-[14px] h-[28px] box-border mr-[12px] flex flex-col justify-center items-end" ><img src={'assets/3d126963-8d7a-4255-a7ef-224dad865f89.png'} className="w-[11.70px] h-[20.08px] mr-[0.90px]"   /></div></div></div></div><div className="box-border flex w-[750px] h-[14px] flex-row flex-nowrap items-center pr-[32px] pl-[32px]" ><div className="w-[840px] h-[192px] flex justify-start items-center" ><img src={'assets/ef7e223c-0449-4d7f-a7d3-0874de75831d.png'} className="w-[192px] h-[192px]"   /><img src={'assets/92a57971-efd7-4269-a288-b7751f637c52.png'} className="w-[192px] h-[192px] ml-[24px]"   /><img src={'assets/daa90c90-23b0-4d25-b16f-c7dc33ef3d5b.png'} className="w-[192px] h-[192px] ml-[24px]"   /><img src={'assets/214f6a82-0ef1-4816-be27-f04993e82335.png'} className="w-[192px] h-[192px] ml-[24px]"   /></div></div></div><div className="w-[750px] h-[156px] box-border backdrop-filter backdrop-blur-2xl bg-[rgba(255,_255,_255,_1)] absolute top-[520px] left-0 flex flex-col justify-start items-center" ><div className="w-[750px] h-[88px] overflow-hidden box-border flex justify-start items-center" ><div className="box-border flex w-[152px] h-[88px] flex-row flex-nowrap pt-[24px] pr-[52px] pb-[16px] pl-[52px]" ><div className="w-[48px] h-[48px] overflow-hidden box-border flex flex-col justify-start items-start" ><img src={'assets/715b5195-0975-4425-8976-a1609462ce88.png'} className="w-[44px] h-[39.38px] mt-[3.56px] ml-[2px]"   /></div></div><div className="box-border flex w-[152px] h-[88px] flex-row flex-nowrap pt-[24px] pr-[52px] pb-[16px] pl-[52px]" ><div className="w-[48px] h-[48px] overflow-hidden box-border flex justify-center items-center" ><img src={'assets/67219259-32a2-4818-a392-a59d74d5e029.png'} className="w-[44px] h-[44px]"   /></div></div><div className="box-border flex w-[152px] h-[88px] flex-row flex-nowrap pt-[24px] pr-[52px] pb-[16px] pl-[52px]" ><div className="w-[48px] h-[48px] overflow-hidden box-border flex flex-col justify-center items-end" ><img src={'assets/37dc1302-fbb3-409b-8214-3fb93ad1b2d5.png'} className="w-[46.12px] h-[36px] mr-[0.88px]"   /></div></div><div className="box-border flex w-[152px] h-[88px] flex-row flex-nowrap pt-[24px] pr-[52px] pb-[16px] pl-[52px]" ><div className="w-[48px] h-[48px] overflow-hidden box-border flex justify-end items-start" ><img src={'assets/7dc5bf87-0ee3-4fc2-9df9-3d1b8bbd9a7f.png'} className="w-[38.54px] h-[44px] mt-[0.50px] mr-[4.74px]"   /></div></div><div className="box-border flex w-[150px] h-[88px] flex-row flex-nowrap pt-[24px] pr-[52px] pb-[16px] pl-[52px]" ><div className="w-[48px] h-[48px] overflow-hidden box-border flex justify-center items-end" ><img src={'assets/edf8384d-4cd2-4e33-a877-156f6f0185f3.png'} className="w-[34px] h-[41px] mb-[3px]"   /></div></div></div><div className="w-[750px] h-[68px] box-border flex justify-end items-end" ><div className="w-[268px] rounded-[200px] box-border bg-[rgba(0,_0,_0,_1)] min-h-[10px] mb-[16px] mr-[240px]" ></div></div></div></div></div>)
  };

  
  